<template>
	<view class="content">
		<view class="da">
				<view class="box_one flex">
			<p>订阅油号</p>
			<p>92#></p>
		</view>
		</view>
	<view class="da">

	<view class="box_one flex">
		<p>订阅地区</p>
		<p>泰安市</p>
	</view>

	</view>
	<view class="ti">
		<p>提醒方式</p>
	</view>
	<view class="da">
			
	<view class="box_one flex">
		<p>微信公众号</p>
		<p><switch @change="switchChange" color="#F21177" :checked="form.checked" /></p>
	</view>
	</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
	checked: false,
			}
		},
	
		methods:{
			//change方法
						switchChange(e) {
							console.log(e,e.detail.value,'85');
							
						},
		}
		
	}
</script>

<style lang="scss">
	.flex{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: center;}
	.da{width:100%;background-color: #fff;}
	.box_one{width:90%;margin:30rpx auto;padding:20rpx;background-color: #fff;}
	.box_one p{padding:10rpx 20rpx;}
	.switchBox{
			// 调整大小
			transform: scale(0.8,0.8)
		}
		.ti{width:90%;padding:0rpx;margin:0 auto;color: #ccc;}
</style>